<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="DepartmentList, App_Web_mlekx3bt" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <style type="text/css">

.green-colour{
background-color:#8dc234;
font-family:Tahoma;
font-size:17px;
padding-left:4px;
color:#ffffff;
margin:2px;
text-decoration:none;
font-weight:bold;
}
.user{
font-family:Tahoma;
font-size:12px;
color:#124c56;
margin:4px;
text-decoration:none;
}
      
        
      .table tr th
 {
    color: #ff9800!important;
    font-weight:200;
    font-size:16px;
 }
 .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 8px !important;
    vertical-align: middle;
    border-color: #ddd;
}
.main-panel>.content {
    margin-top: 30px !important;
}
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
 <div class="main-panel">
  <div class="content">
        <div class="container" id="departmentlist" runat="server">

      <div class="row dash-pane2">	

      <div class="card">
                <div class="card-header card-header-warning" id="cardheadergreen" runat="server">
                  <h4 class="card-title"><i class="fa fa-list fa-fw"></i> <asp:Label ID="lblListofDepartments" runat="server" Text="List of Departments"></asp:Label></h4>
                </div>
                <div class="card-body table-responsive" style=" height:300px; overflow:auto;">
                 
                            <asp:GridView ID="Grid1" runat="server"  class="table table-bordered table-hover table-striped"
          AutoGenerateColumns="False"  DataKeyNames="DeptId" 
         
            >
        
          <Columns>
              <asp:TemplateField HeaderText="Select">
               <HeaderStyle CssClass="tdsubcellheadingfont" ForeColor="Black" Height="21px" Width="30px" />
                  <ItemTemplate>
                      <asp:CheckBox ID="cbRows" runat="server" />
                  </ItemTemplate>
                  
              </asp:TemplateField>
              <asp:HyperLinkField DataNavigateUrlFields="DeptId"  ControlStyle-ForeColor="#006699"
                  DataNavigateUrlFormatString="Department.aspx?RowId={0}" 
                  DataTextField="Dept_Name" HeaderText="Department Name" 
                  SortExpression="Dept_Name">
              
              </asp:HyperLinkField>
              <asp:BoundField DataField="Dept_Description" HeaderText="Dept Head Email ID" SortExpression="Dept_Description">
                
            </asp:BoundField>
          </Columns>
          
      </asp:GridView>
                </div>
              </div>
				
				</div>



  
 
        

      <div class="row" style="margin-left:auto; margin-right:auto; display:table">
       
                
                                			
        <asp:Button ID="BtnAdd" runat="server" Text="Add " onclick="BtnAdd_Click" 
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;&nbsp;
        <asp:Button ID="BtnDel" runat="server" type="button" Text="Delete" onclick="BtnDel_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>&nbsp;&nbsp;
        <asp:Button ID="Button1" runat="server" 
            Text="close" class=" btn btn-danger"
            onclick="Button1_Click"  /><i></i>

     
      </div>
      </div> 
       </div>
       </div>
         <script type="text/javascript" src="js/bootstrap-material-design.min.js"></script>
    <script src="js/popper.min.js" type="text/javascript"></script>
    <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
     <script src="js/perfect-scrollbar.jquery.min.js" type="text/javascript"></script>
 

</asp:Content>

